<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--Style Sheets-->
    <link href="https://fonts.googleapis.com/css?family=Archivo+Black|Arimo:400,700|Poppins:300,400,500,600,700"
          rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="fonts/flaticon.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/color.css">
    <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<div id="xp-wrapper">
    <header id="xp-header" class="layout">
        <div class="xp-first-header layout">
            <div class="xp-top-header">
                <div class="container">

                </div>
            </div>
            <div id="cover"
                 style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter: alpha(opacity=30); opacity: 0.3; display: none; z-index: 2 ">

            </div>
            <div class="modal fade signin_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" style="width: 500px;margin-left: 220px;margin-top: 100px;">
                        <div class="sign-content" style="text-align: center;">

                            <div class="modal-header">
                                <h2>请登录</h2>
                            </div><!--/.modal-header -->

                            <div class="modal-body">
                                <div class="signin-form">
                                    <div class="">
                                        <div class=" ">
                                            <form id="myForm">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" id="signin_form"
                                                           placeholder="用户名" v-model="loginname">
                                                </div><!--/.form-group -->
                                                <div class="form-group">
                                                    <input type="password" class="form-control" id="password"
                                                           placeholder="密码" v-model="password">
                                                </div><!--/.form-group -->
                                                <button type="button" class="btn signin_btn" id="login" @click="login" data-toggle="modal"
                                                        data-target=".signin_modal">
                                                    登录
                                                </button>
                                            </form><!--/form -->
                                        </div><!--/.col -->
                                    </div><!--/.row -->

                                </div><!--/.signin-form -->

                                <!--/.signin-modal-password -->

                                <div class="signin-footer">
                                    <p>
                                        没有账号？点击
                                        <a href="signup.html">注册</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="xp-last-header">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <div class="xp-logo">
                                <a href="index.html"><img src="images/logo%20(2).png" alt=""/></a>
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <div class="xp-navigation">
                                <div class="navbar navbar-default" role="navigation">
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                                data-target=".navbar-collapse">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    <div class="navbar-collapse collapse">
                                        <ul class="nav navbar-nav pull-right">
                                            <li><a href="javascript:;">首页</a>
                                                <div class="xp-sub-menu">
                                                    <ul>
                                                        <li><a href="#jiben">入住基本费用</a></li>
                                                        <li><a href="#youshi">我们的优势</a></li>
                                                        <li><a href="#hugong">优秀护工</a></li>
                                                        <li><a href="#huodong">本月活动</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li><a href="javascript:;">我们的服务</a>
                                                <div class="xp-sub-menu">
                                                    <ul>
                                                        <li><a href="cart.html">收费标准</a></li>
                                                        <li><a href="laifang.html">来访登记</a></li>
                                                        <li><a href="javascript:;" class="sqing look">申请入住</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li><a href="our-causes-detail.html">关于我们</a></li>
                                            <li><a href="contact-us.html">联系我们</a></li>
                                            <li class="yc"><a href="putong.html">我的老人</a></li>
                                            <li>
                                                <a href="javascript:;" class="dlu signin_btn" data-toggle="modal"
                                                   data-target=".signin_modal">登录</a>
                                                <a href="jbxx.html" class="yc">查看账户号信息</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="yc" id="tuichu">退出登录</a>
                                            </li>
                                        </ul>
                                    </div><!--/.nav-collapse -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section id="xp-banner" class="layout">
        <div class="xp-inner-banner xp-home1-banner">
            <div id="owl-vesion1-demo" class="owl-carousel owl-theme">
                <div class="item">
                    <figure class="xp-image-holder">
                        <img src="./images/zhu1.jpeg" alt=""/>
                        <div class="xp-ovrlay"></div>
                        <figcaption class="xp-text-box">
                            <div class="child-pernt">
                                <div class="child">
                                    <h1>一个精心陪伴老人的圣地</h1>
                                    <a class="btn look" href="javascript:;">立即加入送入老人，让老人感受不同的温暖</a>
                                    <p>神龟虽寿，犹有竟时，腾蛇乘雾，终为土灰。老骥伏枥，志在千里，烈士暮年，壮心不已。</p>
                                    <p>盈缩之期，不但在天；养怡之福，可得永年。</p>
                                    <p>人寿命长短，不只是由上天决定；调养好身心，就定可以益寿延年</p>
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="item">
                    <figure class="xp-image-holder">
                        <img src="images/zhu2.png" alt=""/>
                        <div class="xp-ovrlay"></div>
                        <figcaption class="xp-text-box">
                            <div class="child-pernt">
                                <div class="child">
                                    <h1>拥有优质服务的养老机构</h1>
                                    <a class="btn" href="our-causes-detail.html">查看机构的信息</a>
                                    <p>
                                        强大的护理团队，优秀的管理体系，精确服务到每位老人，更有1对1精心护理，针对突发事件的处理方针，根据身体状态提供不同的食疗，更有不定期体检，以老人的身体为基础，以老人的健康为原则，提供优质的服务和先进的理念</p>
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="item">
                    <figure class="xp-image-holder">
                        <img src="images/home-banner1.jpg" alt=""/>
                        <div class="xp-ovrlay"></div>
                        <figcaption class="xp-text-box">
                            <div class="child-pernt">
                                <div class="child">
                                    <h1>强大的护理团队,健康的养老机构 </h1>

                                    <p>精心呵护，让老人感受到温暖，让老人不在孤独，优秀的护工陪伴是让老人开心的源泉，陪护老人饭后散步，护送老人去象棋室，夜晚为每个老人提供舒适的睡眠环境</p>
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </section>

    <main class="main-section layout">
        <section class="section-padding xp-intro-main layout">
            <div class="xp-intro">
                <div class="container">
                    <div class="row">
                        <div class="col-md-2 col-sm-3 col-xs-3">
                            <div class="xp-intro-progred layout">
                                <div class="donation-meter">
                                            <span class="glass">
                                                <strong class="total" style="bottom: 35%">35%</strong>
                                                <span class="amount" style="height: 35%"></span>
                                            </span>
                                </div>
                                <div class="donation-meter">
                                            <span class="glass">
                                                <strong class="total" style="bottom: 67%">67%</strong>
                                                <span class="amount amount2" style="height: 67%"></span>
                                            </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7 col-sm-9 col-xs-9">
                            <div class="xp-intro-inner layout">
                                <div class="xp-text-box">
                                    <span id="jiben">35,123位老人依旧孤独的留守</span>
                                    <h2>幸福老人的比例!</h2>
                                    <p>
                                        留守老人是指那些因子女(全部子女)长期(通常半年以上)离开户籍地进入城镇务工或经商或从事其他生产经营活动而在家留守的父母，这些农村留守老人，很多人生活特别简朴艰难，居住环境差；或承担着繁重的体力劳动；或担负着抚养、教育孙辈的重任；甚至遭遇排斥，闲暇时无处可去。
                                        所以你家的老人是留守老人吗？他孤独吗？我们可以给他温暖，让他感受晚年的幸福生活.</p>
                                    <a class="btn look" href="javascript:;">快速加入</a>
                                </div>
                                <div class="xp-intro-need layout">
                                    <div class="col-md-4 col-sm-4 col-xs-4">
                                        <div class="row">
                                            <div class="xp-intro-need-innr">
                                                <figure class="xp-image-holder">
                                                    <a href="javascript:;"><img src="images/intro-need-imge1.jpg"
                                                                                alt=""/></a>
                                                    <figcaption class="xp-text-box">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <p>基本护理费</p>
                                                                <h3>￥16,500</h3>
                                                            </div>
                                                        </div>
                                                    </figcaption>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-4">
                                        <div class="row">
                                            <div class="xp-intro-need-innr">
                                                <figure class="xp-image-holder">
                                                    <a href="javascript:;"><img src="images/intro-need-imge2.jpg"
                                                                                alt=""/></a>
                                                    <figcaption class="xp-text-box">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <p>基本伙食费</p>
                                                                <h3>￥126,300</h3>
                                                            </div>
                                                        </div>
                                                    </figcaption>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-4">
                                        <div class="row">
                                            <div class="xp-intro-need-innr">
                                                <figure class="xp-image-holder">
                                                    <a href="javascript:;"><img src="images/intro-need-imge3.jpg"
                                                                                alt=""/></a>
                                                    <figcaption class="xp-text-box">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <p>基本床位费</p>
                                                                <h3>￥26,500</h3>
                                                            </div>
                                                        </div>
                                                    </figcaption>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="xp-intro-image">
                    <img src="images/留守老人.png" alt=""/>
                </div>
            </div>
        </section>
        <section class="section-padding layout">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="hedding">
                            <h2 id="youshi">我们的优势</h2>
                            <p>为什么更多人会选择祥和养老院，纯天然的环境让老人更亲近大自然远离喧嚣，GPS定位每个老人让老人始终在我们的掌握.....</p>
                        </div>
                    </div>
                </div>
                <div class="xp-recent-cause layout">
                    <div class="row">
                        <div class="col-md-12">
                            <div id="recent-cause-owl">
                                <div class="item">
                                    <div class="xp-recent-cause-inner">
                                        <div class="xp-image-holder">
                                            <a href="javascript:;"><img src="./images/zhub1.jpeg" alt=""/></a>
                                            <div class="xp-donat-buton">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a class="btn" href="javascript:;">我们的环境</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-donat-persntage">
                                                <div class="xp-persntage">60%的自然环境</div>
                                                <div class="xp-donors"><span> <i class="fa fa-heart"></i> 深受老人喜爱 </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="xp-text-box">
                                            <h4><a href="javascript:;">靠山而建，靠湖而存</a></h4>
                                            <p>年过古稀的老人们，早已远离喧嚣的城市而更希望能亲近大自然</p>
                                        </div>
                                        <div class="xp-donat-info layout">
                                            <ul class="layout">
                                                <li>
                                                    <span>2个公园</span>
                                                    <h3>占地20%</h3>
                                                </li>
                                                <li>
                                                    <span>4个小湖泊</span>
                                                    <h3>占地20%</h3>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="xp-recent-cause-inner">
                                        <div class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/zhub2.png" alt=""/></a>
                                            <div class="xp-donat-buton">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a class="btn" href="javascript:;">GPS</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-donat-persntage">
                                                <div class="xp-persntage">100%的GPS覆盖</div>
                                                <div class="xp-donors"><span> <i class="fa fa-heart"></i>掌握老人的行踪</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="xp-text-box">
                                            <h4><a href="javascript:;">先进的技术时刻掌握老人行踪</a></h4>
                                            <p>老人们会在我们的安全区中活动若走出或者碰到危险系统自动报警</p>
                                        </div>
                                        <div class="xp-donat-info layout">
                                            <ul class="layout">
                                                <li>
                                                    <span>GPS覆盖率</span>
                                                    <h3>100%</h3>
                                                </li>
                                                <li>
                                                    <span>信号强度</span>
                                                    <h3>MAX</h3>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="xp-recent-cause-inner">
                                        <div class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/zhub3.png" alt=""/></a>
                                            <div class="xp-donat-buton">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a class="btn" href="javascript:;">护理重视</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-donat-persntage">
                                                <div class="xp-persntage">1对1，1对2</div>
                                                <div class="xp-donors"><span> <i class="fa fa-heart"></i>精心护理</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="xp-text-box">
                                            <h4><a href="javascript:;">优秀护工，像对自己父母一样对老人</a></h4>
                                            <p>每个护工都是通过现代化培训，无微不至的照顾老人</p>
                                        </div>
                                        <div class="xp-donat-info layout">
                                            <ul class="layout">
                                                <li>
                                                    <span>白天</span>
                                                    <h3>70%陪伴守护</h3>
                                                </li>
                                                <li>
                                                    <span>夜间</span>
                                                    <h3>30%提供帮助</h3>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-padding xp-process layout" data-parallax="scroll"
                 data-image-src="images/prosess-banner.jpg">
            <div class="xp-ovrlay"></div>
            <div class="container">
                <div class="row">
                    <div id="xp-process-owl">
                        <div class="item">
                            <div class="xp-process-inner">
                                <img src="images/process-shape-img1.png" alt=""/>
                                <h3><a href="javascript:;">国家养老政策</a></h3>
                                <div class="xp-shape"></div>
                                <p>
                                    为应对老龄化困局，着力解决我国养老服务业发展不平衡、不充分的问题，国家相继出台了《促进健康产业高质量发展行动纲要》、《关于推进养老服务发展的意见》《智慧健康养老产业发展行动计划》、《关于全面放开养老服务市场
                                    提升养老服务质量的若干意见》、《健康中国2030规划纲要》等一系列顶层设计政策。</p>
                                <a class="read-more" href="https://www.guojiayanglao.com/">国家养老网</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="xp-process-inner">
                                <img src="images/process-shape-img2.png" alt=""/>
                                <h3><a href="javascript:;">老人的基本权益</a></h3>
                                <div class="xp-shape"></div>
                                <p>
                                    中国老人的权益从法律范畴来说，主要有两大类：(1)国家法律规定的一切公民应享有的基本权利，如民主权利、人身权利、劳动权利、经济权利等；(2)老年人的权利，如宪法、婚姻法、继承法等中均有对老人权利的专门规定。老人合法权益具体包括有：(1)享受子女赡养与尊重的权利；(2)财产权利；(3)婚姻自由权利；(4)诉讼权利</p>
                                <a class="read-more" href="http://www.jinnianhua.org/">老年维权网</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="xp-process-inner">
                                <img src="images/process-shape-img3.png" alt=""/>
                                <h3><a href="javascript:;">红十字基金会</a></h3>
                                <div class="xp-shape"></div>
                                <p>
                                    全国人大常委会副委员长、中国红十字会会长陈竺赴苏州大学医学部和红十字国际学院调研，了解我国老年医学教育、老年护理事业发展现状和所面临的挑战，探讨红十字组织如何在老年医学和养老服务领域更好地履行政府人道助手职责。参与养老服务和中国红十字基金会开展“一老一小”重点群体人道救助工作的情况</p>
                                <a class="read-more" href="https://www.crcf.org.cn/">红十字基金会</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-padding layout">
            <div class="xp-meet-healpers">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="hedding">
                                <h2 id="hugong">优秀的护工们</h2>
                                <p>每个月前几位优秀护工，和老人们的喜爱程度</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div id="meet-healpers-owl">
                                <div class="item">
                                    <div class="xp-meet-healpers-inner">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/meet-healpers-img1.jpg" alt=""/></a>
                                            <figcaption class="xp-text-box">
                                                <h4><a href="javascript:;">小明</a></h4>
                                                <span>10年工龄</span>
                                                <p>荣获过年度优秀护工奖，最受老人喜爱奖</p>
                                                <p>勤勤恳恳，任劳任怨</p>
                                                <div class="xp-phone-numbr">
                                                    <i class="fa fa-phone"></i> 员工编号：1213
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="xp-meet-healpers-inner">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/meet-healpers-img2.jpg" alt=""/></a>
                                            <figcaption class="xp-text-box">
                                                <h4><a href="javascript:;">小黑</a></h4>
                                                <span>工龄5个月</span>
                                                <p>荣获过年度优秀护工奖，最受老人喜爱奖</p>
                                                <p>勤勤恳恳，任劳任怨</p>
                                                <div class="xp-phone-numbr">
                                                    <i class="fa fa-phone"></i> 员工编号：1213
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="xp-meet-healpers-inner">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/meet-healpers-img3.jpg" alt=""/></a>
                                            <figcaption class="xp-text-box">
                                                <h4><a href="javascript:;">小黄</a></h4>
                                                <span>工龄5个月</span>
                                                <p>荣获过年度优秀护工奖，最受老人喜爱奖</p>
                                                <p>勤勤恳恳，任劳任怨</p>
                                                <div class="xp-phone-numbr">
                                                    <i class="fa fa-phone"></i> 员工编号：1213
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="xp-meet-healpers-inner">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/meet-healpers-img4.jpg" alt=""/></a>
                                            <figcaption class="xp-text-box">
                                                <h4><a href="javascript:;">小绿</a></h4>
                                                <span>工龄5个月</span>
                                                <p>荣获过年度优秀护工奖，最受老人喜爱奖</p>
                                                <p>勤勤恳恳，任劳任怨</p>
                                                <div class="xp-phone-numbr">
                                                    <i class="fa fa-phone"></i> 员工编号：1213
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- <section class="xp-become-volunteer layout"> -->
        <!-- <div class="container">
            <div class="row">
                <div class="col-md-10 col-md-offset-1">
                    <div class="xp-become-volunteer-inner latyout" data-parallax="scroll" data-image-src="images/become-volunteer-img.jpg">
                        <div class="xp-ovelay"></div>
                        <div class="xp-text-box clearfix">
                            <div class="xp-text-box-inner">
                                <h3><a href="javascript:;">Become A <span>Volunteer</span></a></h3>
                                <p>Duis sed odio sit amet nibh vulpuate cursus a sit amet ris Morbi accumsan
                                    ipsuy veli Nam telus aodio tincidu nt auctor Class aptentsociosqu adlitora
                                    orquper biea Mauris ine odio condimentumam.</p>
                            </div>
                            <div class="xp-join-noew">
                                <a href="javascript:;">Join Now</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section> -->
        <section class="section-padding layout" id="huodong">
            <div class="container">
                <div class="xp-welfair-events">
                    <div class="row">
                        <div class="col-md-5 col-md-offset-1 col-sm-5 col-xs-12">
                            <div class="xp-welfair-inner">
                                <div class="xp-text-box">
                                    <span>老人最怕的是孤独，让他们感受社会的温暖</span>
                                    <h3><a href="javascript:;">本月活动</a></h3>
                                    <p>
                                        每个月我们都会与社会上的一些福利机构或者志愿网站达成协议，在每个月都会举行不同的社会养老服务，包括社团的歌剧，志愿者陪伴日，广场舞比赛，棋牌比赛等，提高老人生活质量和互动兴趣的活动</p>
                                    <div class="xp-view-calendar">
                                        <a href="laifang.html">我要为老人们做贡献</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-7 col-xs-12">
                            <div class="xp-events-inner">
                                <div class="grid8 layout">
                                    <div class="xp-events-grid grid-item">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/welfair-events-img1.jpg"
                                                                        alt=""/></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <span>本月10号志愿者日</span>
                                                        <h3><a href="javascript:;">每个志愿者都会通过实名认证保证老人安全</a></h3>
                                                        <a class="btn" href="javascript:;"> <i class="fa fa-check"></i>
                                                            查看志愿者团体或组织</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hover">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <i class="fa fa-map-marker"></i>
                                                        <p>来自湖南理工学院的大学生与我院组织的活动，由志愿者们来呵护老人，为老人们提供笑容</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="xp-events-grid grid-item">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/welfair-events-img2.jpg"
                                                                        alt=""/></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <span>本月8号母亲节活动</span>
                                                        <h3>
                                                            <a href="javascript:;">会通知每位老人的家属，如果亲人没时间，我们会安排专人陪同度过美好的节日</a>
                                                        </h3>
                                                        <a class="btn" href="javascript:;"> <i class="fa fa-check"></i>
                                                            为什么安排母亲节活动</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hover">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <i class="fa fa-map-marker"></i>
                                                        <p>
                                                            真正的母亲节应该扎在心里面，去体悟母亲的爱。我们中华母亲节一面提倡母爱、母教；一面提倡爱母、孝亲。另一方面，父母给予子女生命，对子女有一种出于本能的无私的慈爱。</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="xp-events-grid grid-item">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/welfair-events-img3.jpg"
                                                                        alt=""/></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <span>本月25号广场舞比赛</span>
                                                        <h3><a href="javascript:;">对院内大大小小的广场舞团队进行分组比赛，并授予奖励</a></h3>
                                                        <a class="btn" href="javascript:;"> <i class="fa fa-check"></i>什么是广场舞</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hover">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <i class="fa fa-map-marker"></i>
                                                        <p>
                                                            广场舞起源于社会生活，它是人民群众创造的舞蹈，是专属于人民群众的舞蹈，几十年来，广场舞不断发展，已经成为了独具特色的民间艺术，扎根于社会群众的生活中了。</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="xp-events-grid grid-item">
                                        <figure class="xp-image-holder">
                                            <a href="javascript:;"><img src="images/welfair-events-img4.jpg"
                                                                        alt=""/></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <span>本月30号歌舞团表演</span>
                                                        <h3><a href="javascript:;">来自"南湖歌舞团"的志愿者为老人们公益演出</a></h3>
                                                        <a class="btn" href="javascript:;"> <i class="fa fa-check"></i>
                                                            南湖歌舞团</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hover">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <i class="fa fa-map-marker"></i>
                                                        <p>
                                                            南湖歌舞团成立于2010年10月，国家级大型综合文艺团体，A级电视剧拍摄单位。文工团有内设机构11个包括演出联络部、艺术创作部、歌舞团、曲艺杂技团、等全团现有演职人员近400人，现任团长李论。</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="xp-charity-news layout">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="hedding">
                            <h2>一些老人们生活图片 </h2>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div id="xp-charity-news-owl">
                            <div class="item">
                                <div class="xp-charity-news-inner">
                                    <div class="xp-image-holder">
                                        <a href="javascript:;"><img src="images/zhuC1.png" alt=""/></a>
                                    </div>
                                    <div class="xp-text-box">

                                        <h4><a href="javascript:;">照片墙</a></h4>
                                        <p>这位老人怀念他的棋友，虽然他的棋友已经不再养老院但他依旧可以通过照片来缅怀这位老人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="xp-charity-news-inner">
                                    <div class="xp-image-holder">
                                        <a href="javascript:;"><img src="images/zhuc2.png" alt=""/></a>

                                    </div>
                                    <div class="xp-text-box">

                                        <h4><a href="javascript:;">二胡老人***</a></h4>
                                        <p>老人***是一位优秀的二胡手，正在为每两个月一次的文艺比赛努力着</p>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="xp-charity-news-inner">
                                    <div class="xp-image-holder">
                                        <a href="javascript:;"><img src="images/zhuC3.png" alt=""/></a>

                                    </div>
                                    <div class="xp-text-box">

                                        <h4><a href="javascript:;">生日庆祝</a></h4>
                                        <p>生日是每个人重要的日子，虽然子女可能没时间来，但是我们不会忘记，由护工和老人一起度过美好的一天</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer id="footer" class="layout">

        <div class="footer section-padding layout" data-parallax="scroll" data-image-src="images/footer-bg.jpg">
            <div class="xp-ovrlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4 col-xs-6">
                        <div class="footer-inner layout">
                            <h3><span></span>相关图片</h3>
                            <div class="footer-flicker layout">
                                <ul class="layout">
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img1.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img2.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img3.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img4.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img5.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img6.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img7.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img8.jpg" alt=""></a></li>
                                    <li><a href="javascript:;"><img src="images/footer-flickr-img9.jpg" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4 col-xs-6">
                        <div class="footer-inner layout">
                            <h3><span></span>养老机构</h3>
                            <div class="footer-help-comanis layout">
                                <ul class="layout">
                                    <li>
                                        <div class="xp-shapes"></div>
                                        <a href="http://www.yyhfx.com/">岳阳海福祥养老护理院</a></li>
                                    <li>
                                        <div class="xp-shapes"></div>
                                        <a href="http://www.yyhfx.com/">岳阳海福祥养老护理院</a></li>
                                    <li>
                                        <div class="xp-shapes"></div>
                                        <a href="http://www.yyhfx.com/">岳阳海福祥养老护理院</a></li>
                                    <li>
                                        <div class="xp-shapes"></div>
                                        <a href="http://www.yyhfx.com/">岳阳海福祥养老护理院</a></li>
                                    <li>
                                        <div class="xp-shapes"></div>
                                        <a href="http://www.yyhfx.com/">岳阳海福祥养老护理院</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4 col-xs-6">
                        <div class="footer-inner layout">
                            <h3><span></span>国家政策</h3>
                            <div class="footer-latest-news layout">
                                <div class="footer-latest-inner layout">

                                    <div class="xp-text-box">
                                        <span>2020年12月14日</span>
                                        <h4><a href="http://www.gov.cn/zhengce/content/2020-12/31/content_5575804.htm">国务院办公厅关于促进养老托育服务健康发展意见</a>
                                        </h4>
                                    </div>
                                </div>
                                <div class="footer-latest-inner layout">

                                    <div class="xp-text-box">
                                        <span>2017年07月04日</span>
                                        <h4><a href="http://www.gov.cn/zhengce/content/2017-07/04/content_5207926.htm">国务院办公厅关于加快发展商业养老保险的若干意见</a>
                                        </h4>
                                    </div>
                                </div>
                                <div class="footer-latest-inner  layout">

                                    <div class="xp-text-box">
                                        <span>2020年11月26日</span>
                                        <h4><a href="http://www.gov.cn/zhengce/content/2020-12/21/content_5571902.htm">建立健全养老服务综合监管制度促进养老服务高质量发展的意见</a>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-6">
                        <div class="footer-inner layout">
                            <h3><span></span>联系我们</h3>
                            <div class="footer-pain layout">
                                <p>电话:17680470541</p>
                                <p>邮件:1565124316@qq.com</p>
                                <p>传真:*****************</p>
                                <ul>
                                    <li><a href="javascript:;"><i class="fa fa-phone"></i></a></li>
                                    <li><a href="javascript:;"><i class="fa fa-map-marker"></i></a></li>
                                    <li><a href="javascript:;"><i class="fa fa-envelope"></i></a></li>
                                </ul>
                                <p>湖南岳阳岳阳楼街道25号</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="xp-copyright layout">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <p>Copyright &copy; 2017.Company name All rights reserved.</p>
                    </div>
                </div>
            </div>
        </section>
    </footer>
</div>
<script src="js/vendor/jquery.js"></script>

<script src="js/vendor/owl.carousel.min.js"></script>
<script src="js/vendor/jquery.countdown.min.js"></script>

<script src="js/vendor/swiper.min.js"></script>
<script src="js/zhou/denglu.js"></script>
<script src="js/main.js"></script>


<!--modernizr.min.js-->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->

<!--bootstrap.min.js-->
<script src="assets/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="assets/js/bootsnav.js"></script>

<!-- jquery.sticky.js -->
<script src="assets/js/jquery.sticky.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> -->


<!--Custom JS-->
<script src="assets/js/custom.js"></script>
<script src="js/vue.js"></script>
<script src="js/Validform_v5.3.2_min.js"></script>
<script src="js/axios.js"></script>
<script>
    var app = new Vue({
        el: "#xp-wrapper",
        data: {
            loginname: "",
            password: ""
        },
        methods: {
            login: function () {
                let loginname=this.loginname;
                let password=this.password;
                if (loginname==null || loginname=="" || loginname==undefined){
                    alert("用户名不能为空！");
                    return false;
                }
                if (password==null || password=="" || password==undefined){
                    alert("密码不能为空!");
                    return false;
                }
                var data=new URLSearchParams();
                data.append("loginname",loginname);
                data.append("password",password);
                axios.post("yly-api/user/login",data).then(
                    function (res) {
                        console.log(res.data);
                        if (res.data.code==200){
							if(res.data.data==null){
								this.loginname="";
								this.password="";
								alert("用户名不存在");
							}else{
								alert("登录成功！");
								localStorage.token=res.data.data;
								location.href="index.html";
							}
                        }else if (res.data.code==500){
                            location.href="500.html";
                        }else if (res.data.code==401){
							this.loginname="";
							this.password="";
							alert("密码错误！");
						}
                    }
                ).catch(function (error) {
                    console.log(error.response.status);
                    if (error.response.status==401){
                        alert("请先登录!");
                        location.href="index.html";
                    }else if (error.response.status==403){
                        alert("用户已过期，请重新登录！");
                        localStorage.token=null;
                        location.href="index.html";
                    }
                })
            },
        }
    })
</script>
</body>
</html>

